<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
    <title>Doraemon</title>
</head>
<body>
    <div id="write"></div>
    <div id="bn">    
        <button class="bnstop">暂停</button>
        <button class="bnplay">播放</button>
        <button class="bnfast">快速</button>
        <button  class="bnslow">慢速</button>
    </div>
    <div class="wrapper">
        <div class="doraHead">
            <div class="eyes left"></div>
            <div class="eyes right"></div>
            <div class="nose">
                <div class="line"></div>
            </div>
            <div class="doraFace">
                <div class="neck"></div>
                <div class="left"></div>
                <div class="right"></div>
            </div>
            <div class="mouse"></div>
            <div class="beard left1"></div>
            <div class="beard left2"></div>
            <div class="beard left3"></div>
            <div class="beard right1"></div>
            <div class="beard right2"></div>
            <div class="beard right3"></div>
            <div class="bells">
                <div class="line1"></div>
                <div class="line2"></div>
                <div class="cir"></div>
            </div>
        </div>
    </div>


    <style>
    </style>
    <script src="./main.js"></script>
    <script src="./css.js"></script>
    <link rel="stylesheet" href="./style.css">
</body>

</html>